<template>
  <div>
    <Card style="width:320px;position: relative;left: 30%">
      <div style="text-align:center">
        <img src="../../assets/logo.png">
        <h3>A high quality UI Toolkit based on Vue.js</h3>
      </div>
    </Card>
  <Row style="background:#eee;padding:20px">
    <Col span="11">
      <Card :bordered="false">
        <p slot="title">Borderless card</p>
        <p>Content of card</p>
        <p>Content of card</p>
        <p>Content of card</p>
      </Card>
    </Col>
    <Col span="11" offset="2">
      <Card shadow>
        <p slot="title">Use a card with a shadow effect</p>
        <p>Content of card</p>
        <p>Content of card</p>
        <p>Content of card</p>
      </Card>
    </Col>
  </Row>
  </div>
</template>

<script>
    export default {
        name: "home-body"
    }
</script>

<style scoped>

</style>
